<template>
  <div class="loading_container" v-show="visible">
    <div class="loading_wrapper">
        <div>
          <div class="div_box">
              <img src="../../assets/loading.gif">
          </div>
          <div></div>
          <div></div>
        </div>
    </div>
  </div>
</template>
<script>
export default {
    props:{
        isShow:{
            type:Boolean,
            default:false
        }
    },
    data() {
        return {
            visible:false
        }
    },
    methods: {
      close(){
        setTimeout(() => {
        this.visible=false;
        }, 3000);
      }
    },
};
</script>

<style lang="scss">
.loading_container {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.loading_wrapper {
  width: 100%;
  height: 100%;
}
.div_box{
    width: 50vw;
    margin: 80vw auto;

}
.div_box img{
    width: 100%;
}
</style>